import React from 'react'
class ComC extends React.Component{
    constructor(){ 
        super() 
         //如果使用了extends关键字继承，那么需要调用super ,来让当前的子类获得正确的this指向，super其实可以调用父类的构造函数
        this.state={
            name:'摸鱼欧阳锋'
        }
    }
    componentDidMount(){ //在这个钩子函数中修改name的值
        setTimeout(()=>{ 
            // this.state.name='摸金校尉'
            // 放在定时器中可以获取更新之后的状态，因为他们在同一个“tick”中
            this.setState({ //表示将name的值改为了摸下欧阳锋
                name:'摸下欧阳锋'
            })
            //状态更新会进行合并
            // 调用多个setState的时候，会合并成一个调用，提高性能，传递的对象也会合并到当前的state中
            this.setState({
                age:20
            })
            console.log(this.state);
        })
    }
    render(){
        return(
            <fieldset>
                <legend>正确使用组件</legend>
                <h1>{this.state.name}</h1>
                <h1>{this.state.age}</h1>
            </fieldset>
        )
    }
}
export default ComC